<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>消息中心</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/main.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
	</head>
	<body style="background: #f7f8fc;">
		
		<!--头部导航-->
		<div class="header clearfix">
			<div class="logo pull-left"><img src="images/common/logo.png" /></div>
			<div class="navbar pull-right">
				<ul class="nav-list pull-left">
					<li><a href="#" >首页</a></li>
					<li><a href="#" >投资</a></li>
					<li><a href="#" >融资</a></li>
					<li>
						<a href="#" >关于喜蚨   <span class="dropdown"></span> </a>
						
						<ol class="subnavlist">
							<li><a href="#">关于我们</a> </li>
							<li><a href="#">关于我们</a> </li>
						</ol>
						
					</li>
					<li><a href="#" >安全保障</a></li>
				</ul>
				
				<div class="login pull-right"  style="display: none;">
					<a href="#">登录 <i class="glyphicon glyphicon-triangle-right" ></i> </a>
					<a href="#">注册 <i class="glyphicon glyphicon-triangle-right" ></i></a>
				</div>
				<div class="login pull-right" >
					<a href="#" class="myaccount" > <i class="userimg"><img src="images/tmp/img1.png"> </i> 我的账户 > </a>
					<a href="#">退出</a>
				</div>
			</div>
		</div>
		<div class="h510"></div>
		<div class="banner4">
			<div class="accountnav">
				 <ul>
				 	<li ><a href="#">账户总览</a> </li>
				 	<li class="active"><a href="#">预约记录</a></li>
				 	<li><a href="#">消息中心</a></li>
				 	<li><a href="#">邀请好友</a></li>
				 	<li><a href="#">账户设置</a></li>
				 </ul>
			</div>
			<div class="w1170">
				<div class="message-center">
					<img src="images/tmp/img2.png" >
				</div>
			</div>
		</div>
		<div class="b262a33 totalmassage">
			<div class="w1170">
				<p class="pull-left">共有<i>14</i>条消息，其中<i>1</i>条未读</p>
				<p class="pull-right"><span>删除</span><span>标记为已读</span></p>
			</div>
		</div>
		<!--预约记录-->
		<div class="w1170">
			<div class="recommend">
	    		<table class="account-table messagetable" >
		   			<tbody>
		   				<tr>
		   					<th width="15%" >
		   						<div class="checkbox">
								    <label>
								      <input type="checkbox" id="checkboxWarning" value="option1"> 全选 </label>
								  </div>
		   						</th>
		   					<th width="15%" >消息来源</th>
		   					<th width="15%" >标题</th>
		   					<th width="15%" >发送时间</th>
							 </tr>
							 
		   				<tr>
		   					<td>
		   						<div class="checkbox">
								    <label>
								      <input type="checkbox" id="checkboxWarning" value="option1"> <span class="icon icon8"></span> </label>
								  </div>
		   						</th>
		   					</td>
		   					<td>系统消息</td>
		   					<td>千岛湖佰澜度假酒店</td>
		   					<td>2018-10-23 17:01:31</td>
							 </tr>
							 <tr>
									<td colspan="4"><p> 用户:dsyr_18336708881您的账号在2019年01月03日在182.122.229.210处登录密码错误! 祝：生活愉快，投资顺利。
											咨询电话：400-8162-262或0379-64958772</p></td>
								</tr>
		   				<tr class="alreadylook">
		   					<td>
		   						<div class="checkbox">
								    <label>
								      <input type="checkbox" id="checkboxWarning" value="option1"> <span class="icon icon8"></span> </label>
								  </div>
		   						</th>
		   					</td>
		   					<td>系统消息</td>
		   					<td>千岛湖佰澜度假酒店</td>
		   					<td>2018-10-23 17:01:31</td>
		   				</tr>
		   				<tr>
		   					<td>
		   						<div class="checkbox">
								    <label>
								      <input type="checkbox" id="checkboxWarning" value="option1"> <span class="icon icon8"></span> </label>
								  </div>
		   						</th>
		   					</td>
		   					<td>系统消息</td>
		   					<td>千岛湖佰澜度假酒店</td>
		   					<td>2018-10-23 17:01:31</td>
		   				</tr>
		   			</tbody>
		   		</table>
		   		
		   		<!-- 分页-->
					<div class="paginations">
						<ul class="pageing">
							<li class="home"><a href="#"> 首页</a></li>
							
							<li class="previous"><a href="#">上一页</a></li>
								
							<li class="selected"><a href="javascript:;">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li class="total">共16条信息/2页</li>
							<li class="nextpage"><a href="#">下一页</a></li>
							<li class="lastpage"><a href="#">末页</a></li>
						</ul>
					</div>
			</div>
		   
			
			
		</div><!--w1170-->
		
		<div class="c272727 mt40">
			<div class="w1300">
				<div class="footer">
					<div class="footer-nav clearfix">
						
						<ul class="footernavlist">
							<div class="bottomline"></div>
							<li> <a href="#">首页 </a>  </li>
							<li><a href="#">投资 </a></li>
							<li><a href="#">融资  </a></li>
							<li><a href="#">喜蚨动态 </a></li>
							<li><a href="#">关于我们 </a></li>
							<li><a href="#">帮助中心 </a></li>
							<li><a href="#">加入我们 </a></li>
							<li><a href="#">风险揭示 </a></li>
						</ul>
						<ul class="contact-list">
							<div class="bottomline"></div>
							<li><a href="#">联系我们</a> </li>
						</ul>
					</div>
					<div class="net-police">
						<ul class="policelist">
							<li><a href="#"><img src="images/common/img3.png" /></a></li>
							<li><a href="#"><img src="images/common/img4.png" /></a></li>
							<li><a href="#"><img src="images/common/img5.png" /></a></li>
							
						</ul>
						<p> ©2014喜蚨投资  豫ICP备15000769号-1  豫公网安备 41030502000166号</p>
						<p><label class="tel">400-8162-262</label><label class="qq">2858745435</label></p>
						
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
